<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div>商品名称：<input type="text" name="pdname" id="pdname"></div>
    <div>
        商品类别：
        <select name="pdclass" id="pdclass" class="cls1">
            <option>优选水果</option>
            <option>卤味熟食</option>
            <option>饮料酒水</option>
            <option>休闲零食</option>
        </select>
    </div>
    <div>商品原价：<input type="text" name="oldprice" id="oldprice"></div>
    <div>商品现价：<input type="text" name="nowprice" id="nowprice"></div>
    <div>商品数量：<input type="text" name="pdnum" id="pdnum"></span>
    <div>库存数量：<input type="text" name="inventory" id="inventory"></span>
    <div>是否标红：<input type="radio" name="red" value="true">是 <input type="radio" name="red" value="flase" checked>否</div>
    <div><input type="button" value="提交信息" id="submit"></div>
    <hr>
    <ul>
        <li class="current"><a href="javascript:;">全部</a></li>
        <li><a href="javascript:;">优选水果</a></li>
        <li><a href="javascript:;">卤味熟食</a></li>
        <li><a href="javascript:;">饮料酒水</a></li>
        <li><a href="javascript:;">休闲零食</a></li>
    </ul>
    <hr>
    <ol>
        <li class="current all">
            <table>
                <tbody>
                    <tr>
                        <th>商品名称1</th>
                        <th>商品类别</th>
                        <th>原价</th>
                        <th>现价</th>
                        <th>商品数量</th>
                        <th>库存</th>
                        <th>是否标红</th>
                        <th>删除</th>
                    </tr>
                </tbody>
            </table>
        </li>
        <li class="fruit">
            <table>
                <tbody>
                    
                </tbody>
            </table>
        </li>
        <li class="food">
            <table>
                <tbody>
                    
                </tbody>
            </table>
        </li>
        <li class="drink">
            <table>
                <tbody>
                    
                </tbody>
            </table>
        </li>
        <li class="snacks">
            <table>
                <tbody>
                    
                </tbody>
            </table>
        </li>
    </ol>
</body>
</html>
<script src="./jquery.min.js"></script>
<script src="./index.js"></script>
<!-- <script>
    $('select').addClass('cls2').addClass('cls3');



</script> -->